<!DOCTYPE html>
<style>
    .columns {
        -webkit-columns: 2;
        -webkit-column-gap: 0;
        column-fill: auto;
        border: 2px solid black;
        height: 400px;
        line-height: 20px;
        orphans: 1;
        widows: 1;
    }
    .big {
        font-size: 128px;
        line-height: 154px;
    }
    .left { float: left; }
</style>
<p>There should be a big T in the second column.</p>
<div class="columns">
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    <p>
        <span class="big left">T</span>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        his is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
    </p>
</div>
